import store from '@/store'

export const imgerror = {
  inserted: (el, options) => {
    // options是指令相关信息，是个对象
    // options.value是获取指令传递过来的数据
    // console.log('el', 'dom对象')
    // console.log('options', options)
    el.onerror = () => {
      console.log('图片加载失败')
      el.src = options.value
    }
  }
}

export const focus = {
  inserted: function(el, options) {
    el.focus()
  }
}

export const allow = {
// el 指令绑定的dom对象
// options 接收指令相关的信息
// options.value可以获取传递过来的值
  inserted: function(el, options) {
  // 获取到用户的按钮级别的权限信息
    const points = store.state.user.userInfo.roles.points
    console.log(points, 'points')
    // options.value可以获取传递过来的数据
    // 如果没有按钮的权限，那么就隐藏改指令绑定的dom对象
    if (!points.includes(options.value)) {
      el.style.display = 'none'
    }
  }
}
